<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <!-- 引入外部样式表 -->
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 头部模块-logo区域 -->
    <div class="logo public">
        <img src="img/logo.png" alt="">
        <!-- 提示文本 -->
        <input type="text" placeholder="SEARCH...">
    </div>

    <!-- 通栏导航区域 -->
    <div class="layoutNav">
        <!-- 版心 -->
        <ul class="nav public">
            <li>集团介绍</li>
            <li>产品中心</li>
            <li>市场类型</li>
            <li>技术研发</li>
            <li>国际合作</li>
            <li>投资者关系</li>
            <li>新闻资讯</li>
            <li class="eight">人力资源</li>
        </ul>
    </div>

    <!-- banner区域--不要给高度 -->
    <div class="banner">
        <img src="img/banner.png" alt="">
    </div>

    <!-- 内容区域 -->
    <div class="news public">
        <div class="lef">
            <p class="pTit">公司新闻</p>
            <ul>
                <li>陈建成董事长出席ATB集团召开年度销售大会<span>2013-07-30</span></li>
                <li>中国电器工业协会分马力电机分会在卧龙召开理事长...<span>2013-07-30</span></li>
                <li>陈建成董事长访问中国驻德大使馆<span>2013-07-30</span></li>
                <li>企业文化是企业持续经营的关键要素<span>2013-07-30</span></li>
                <li>陈建成董事长出席ATB集团召开年度销售大会<span>2013-07-30</span></li>
                <li>喜迎七一，年轻力量激发企业持久活力<span>2013-07-30</span></li>
            </ul>
        </div>
        <div class="cen">
            <p class="pTit">公司介绍</p>
            <p class="p1">公司成立于1984年，经过近30年的发展</p>
            <p class="p2">已成为电气制造、房地产开发和金融投资三业并举的综合性跨国...</p>
        </div>
        <div class="rig">
            <p class="pTit">人才招聘</p>
            <p class="p1">培养一流的人才，铸造一流的工程，实现员工与企业的共同发展</p>
        </div>
    </div>

    <!-- 市场项目 -->
    <div class="market public">
        市场项目
    </div>

    <!-- 市场项目内容 -->
    <div class="marketinfo public">
        <div>
            <img src="img/pic1.png" alt="">
            <p>交通轨道：由于主要采用电气牵引，而且轮轨摩擦阻力较小，与公共...</p>
        </div>
        <div>
            <img src="img/pic2.png" alt="">
            <p>节能环保L由于不断上涨的能源消耗和我们的专业知识，维护可持续...</p>
        </div>
        <div>
            <img src="img/pic3.png" alt="">
            <p>航空与船舰：如果你是在公海行驶，你需要确保你的船只的电力系统...</p>
        </div>
        <div class="last">
            <img src="img/pic4.png" alt="">
            <p>石油、天然气及采矿：在市场中的安全性、可靠性、效率和最短的停机...</p>
        </div>
    </div>

    <!-- 产品中心 -->
    <div class="layoutPro">
        <div class="product public">
            <div class="lef">
                <p class="top">产品中心</p>
                <div>
                    <ul>
                        <li> > 汽车电机</li>
                        <li> > 日用电机</li>
                        <li> > 特种电机</li>
                        <li> > 大功率电机</li>
                        <li> > 电工设备</li>
                    </ul>
                    <ul>
                        <li> > 工业驱动和自动化</li>
                        <li> > 高压变频和系统集成</li>
                        <li> > 混凝土搅拌机</li>
                        <li> > 电动车辆</li>
                    </ul>
                    <ul>
                        <li> > 电池电源</li>
                        <li> > 输变电设备</li>
                        <li> > 楼盘信息</li>
                        <li> > 金融产品</li>
                    </ul>
                </div>
            </div>
            <div class="cen">
                <p class="top">技术研发</p>
                <ul>
                    <li> > 科技力量</li>
                    <li> > 先进设备</li>
                    <li> > 研发创新</li>
                    <li> > 工艺流程</li>
                </ul>
            </div>
            <div class="rig">
                <p class="top">营销网络</p>
                <img src="img/china.png" alt="">
            </div>
        </div>
    </div>

    <!-- 网站底部区域 -->
    <div class="botNav public">
        <p class="lef">
            <a href="">网站地图</a>
            <span>|</span>
            <a href="">联系我们</a>
            <span>|</span>
            <a href="">关注关注</a>
            <span>|</span>
            <a href="">采购系统入口</a>
        </p>
        <p class="rig">
            COPYRIGHT &copy;
            2013控股集团 &nbsp; 版权所有 &nbsp; 浙ICP备06005901号 &nbsp; 技术支持：博彩互动 &nbsp; 分享到：
            <img src="img/logonav.png" alt="">
        </p>
    </div>
</body>

</html>